﻿
@{
    ViewBag.Title = "TopUp";
}



    <div class="main-row" id="margin-btn">
        <h2>My Account Control Panel (Premium Member)</h2>
        <div id="path" class="top-row-wrapper"><a href="/">home</a>&nbsp;&gt;&nbsp;User Area</div>
        <div id="uarea-wrapper">
            <div id="control-tab">
                <a href="/UserArea/">Account Details</a> <a href="/UserArea/Message/">Message (0)</a> <a href="/UserArea/Chpwd/">Change Password</a> <a href="/UserArea/Chemail/">Change Email</a> <a href="#" class="current">Account Top-up</a>
                <div class="clear"></div>
            </div>
            <div id="panel-content">
                <div class="panel-msg" style="display: none; "></div>
                <div id="tab-topup">
                    <div style="text-align:center; "><b>Read These First</b>:</div>
                    <p>
                        <b>1)</b> There are four top up plans as below, you can choose one to add credits to your
                        account. If you are a free member, after topping up you will become a premium member,
                        and if you are a premium member your membership will be extended after topping up.<br>  <b>2)</b> Your
                        payment will be procesed via Pays which is the largest online secure payment company. This
                        means your payment is secure and no one will get your personal information.<br>  <b>3)</b> After finshing
                        payment, credits should be added to your account within a few minutes. If you encounter any problems, please feel free to contact us and we will reply to you ASAP. <br>
                    </p>
                    <div id="plan-title">Choose Your Plan</div>
                    <form action="/user-area/top-up/" method="post" onsubmit="return checkTopup(this);">
                        <div id="topup-plan">
                            <!-- 		<div class="itm-wrapper clear"><div class="input-wrapper"><input id="membershipTwo" name="membership" type="radio" value="2" class="rinput" onclick="javascript:topupItem('membershipTwo')" /></div><label onclick="javascript:topupItem('labelTwo')" id="labelTwo">&nbsp;$9.99 / 1 Month&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</label><div class="clear"></div></div>  -->
                            <div class="itm-wrapper clear"><div class="input-wrapper"><input id="membershipThree" name="membership" type="radio" value="3" class="rinput" onclick="javascript:topupItem('membershipThree')"></div><label onclick="javascript:topupItem('labelThree')" id="labelThree">&nbsp;$20.99 / 3 Months ( Save 29% )</label><div class="clear"></div></div>
                            <div class="itm-wrapper clear"><div class="input-wrapper"><input id="membershipFour" name="membership" type="radio" value="4" class="rinput" onclick="javascript:topupItem('membershipFour')"></div><label onclick="javascript:topupItem('labelFour')" id="labelFour">&nbsp;$35.99 / 6 Months ( Save 40% )</label><div class="clear"></div></div>
                            <div class="itm-wrapper clear"><div class="input-wrapper"><input id="membershipFive" name="membership" type="radio" value="5" class="rinput" onclick="javascript:topupItem('membershipFive')"></div><label onclick="javascript:topupItem('labelFive')" id="labelFive">&nbsp;$59.99 / 12 Months ( Save 50% )</label><div class="clear"></div></div>
                        </div>
                        <div id="topup-submit"><input id="topupSmit" value="" type="submit" class="submit"></div>
                        <input type="hidden" id="tpost" name="tpost" value="1">
                    </form>
                </div>
            </div>
        </div>
        <div id="control-bread"></div>
    </div>


